<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
	<title>Brownie - Professional Portfolio &amp; Business HTML5 Template</title>
	<meta name="description" content="" />
	<meta name="keywords" content="" />
	<meta name="robots" content="index,follow" />
	<link rel="shortcut icon" href="images/favicon.ico" /> 
	<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" />
	<link rel="stylesheet" href="css/flexslider.css" type="text/css" />
	<link rel="stylesheet" href="css/style.css" type="text/css" />
	<!--[if (gte IE 6)&(lte IE 8)]>
	<script type="text/javascript" src="js/html5.js"></script>
	<script type="text/javascript" src="js/selectivizr-min.js"></script>
	<link rel="stylesheet" href="css/ie_7.css" type="text/css" />
	<![endif]-->
	
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
	<script type="text/javascript" src="js/all-in-one-min.js"></script>
	<script type="text/javascript" src="js/setup.js"></script>
	<script type="text/javascript" src="js/main.js"></script>
	<script type="text/javascript">
		$(window).load(function(){
			$('#demo-side-bar').removeAttr('style');
		});
	</script>
	
	<style type="text/css">
	.demobar{display:none;}
	#demo-side-bar{top:53px!important;left:90%!important;display:block!important;}
	</style>
	
	 <!--Dynamically creates ads markup-->
	   <!--<?php include("http://www.egrappler.com/ads-header.php"); ?>-->
		<!-- Header -->
		<header class="header_bg clearfix">
			<div class="container clearfix">
	        	<!-- Social -->
	            	<!--<ul class="social-links">
	                	<li ><a href="javascript:"><img src="images/facebook.png" alt="Facebook"></a></li>
	                    <li ><a href="javascript:"><img src="images/twitter.png" width="24" height="24" alt="Twitter"></a></li>
	                </ul>-->
	            <!-- /Social -->
				 <!-- Logo -->
				<div class="logo">
					<a href="index.html"><img src="images/logo.png" alt="" /></a>
				</div>
				 <!-- /Logo -->
				
				<!-- Master Nav -->
				<nav class="main-menu">
					<ul>
						<li><a href="index.html">主页</a></li>
						<li>
							<a>科目分类</a>
							<ul>
								<li><a href="yuwen.html">语文</a></li>
								<li><a href="">数学</a></li>
								<li><a href="">英语</a></li>
								<li><a href="">自然科学</a></li>
								<!--<li><a href="javascript:">Pricing</a>
									<ul>
										<li><a href="pricing_2_cols.html">Pricing 2 Cols</a></li>
	                                    <li><a href="pricing_3_cols.html">Pricing 3 Cols</a></li>
	                                    <li><a href="pricing_4_cols.html">Pricing 4 Cols</a></li>
	                                    <li><a href="pricing_5_cols.html">Pricing 5 Cols</a></li>
									</ul>
								</li>
								<li><a href="">Full Width</a></li>
								<li><a href="404.html">404 Page</a></li>-->
							</ul>
						</li>
						<!--<li><a>Portfolio</a>
							<ul>
								<li><a href="portfolio_2_cols.html">Portfolio 2 Cols</a></li>
								<li><a href="portfolio_3_cols.html">Portfolio 3 Cols</a></li>
								<li><a href="portfolio_4_cols.html">Portfolio 4 Cols</a></li>
								<li><a href="portfolio_details.html">Portfolio Details</a></li>
							</ul>
						</li>-->
						<li><a href="center.html">学习中心</a></li>
					</ul>
				</nav>
				<!-- /Master Nav -->
			</div>
	</header>
	<!-- /Header -->
<body>
	<div class="clear"></div>
	
	<!-- Slider -->
    <div class="bannerbg">
        <div class="container clearfix">
                <div class="flexslider" >
                <ul class="slides">
                    <li>
                        <img src="images/fslide01.jpg" alt="" />
                        <p class="flex-caption">I am Caption!</p>
                    </li>
                    <li>
                        <a href="#"><img src="images/fslide02.jpg" alt="" /></a>
                    </li>
                    <li>
                        <img src="images/fslide03.jpg" alt="" />
                        <p class="flex-caption">I am Caption!</p>
                    </li>
                    <li>
                        <img src="images/fslide04.jpg" alt="" />
                    </li>
                    
                    <li>
                        <img src="images/fslide05.jpg" alt="" />
                    </li>
                    
                    <li>
                        <img src="images/fslide06.jpg" alt="" />
                    </li>
                </ul>
            </div>
        </div>
    </div>
	<!-- /Slider -->
	
	<div class="clear padding40"></div>

	
	<!-- Content -->
	<section class="container clearfix">
	
		<!-- START FEATURED COLUMNS -->
		<div class="recent_works_left">
			<h2 class="red">今日推荐</h2>
		</div>
		<br><br><br><br>
		<div class="col_1_3">
			<div class="features">
				<div class="title clearfix">
					<img src="images/code-icon.png" alt="" class="alignleft" />
					<h3>资料一</h3>

				</div>
				<p>资料一介绍<br /> <a href="#">更多...</a></p> 
			</div>
		</div>
		<div class="col_1_3">
			<div class="features">
				<div class="title clearfix">
					<img src="images/intuitive-icon.png" alt="" class="alignleft" />
					<h3>资料二</h3>

				</div>
				<p>资料二介绍<br /> <a href="#">更多...</a></p> 
			</div>
		</div>
		<div class="col_1_3 last">
			<div class="features">
				<div class="title clearfix">
					<img src="images/businesses-icon.png" alt="" class="alignleft" />
					<h3>资料三</h3>
					
				</div>
				<p>资料三介绍<br /> <a href="#">更多...</a></p> 
			</div>
		</div>
		
		
		<!-- END FEATURED COLUMNS -->
		
		<div class="clear padding10"></div>
		
		<div class="recent_works_left">
			<h2 class="red">特色课程</h2>
		</div>
		<div class="recent_works_arrows">
			<a href="#" class="prev_item"></a><a href="#" class="next_item"></a>
		</div>
		<div class="copyrights"></div>
		<div class="clear"></div>
		<div class="line"></div>
		<div class="clear padding30"></div>
					

			<div class="recent_works">
				<ul id="work">
					<!-- START PORTFOLIO COLUMN #1 -->
					<li id="id-1" class="app">
						<span class="recent_image">
							<a href="images/portfolio_large.jpg" data-rel="prettyPhoto" class="img-thumb"><img class="portfolio_image" src="images/featured_work_1.jpg" alt="" /></a>
						</span>
						<span class="title"><a href="portfolio_details.html">Open Source Icons</a></span>
						
						<span class="clear padding15"></span>
					</li>
					<!-- END PORTFOLIO COLUMN #1 -->
					
					<!-- START PORTFOLIO COLUMN #2 -->
					<li id="id-2" class="util">
						<span class="recent_image">
							<a href="images/portfolio_large.jpg" data-rel="prettyPhoto" title="Free Admin Template from eGrappler.com"  class="img-thumb"><img class="portfolio_image" src="images/featured_work_2.jpg" alt="" /></a>
						</span>
						<span class="title"><a href="portfolio_details.html">Free Admin Template</a></span>
						
						<span class="clear padding15"></span>
					</li>
					<!-- END PORTFOLIO COLUMN #2 -->
					
					<!-- START PORTFOLIO COLUMN #3 -->
					<li id="id-3" class="app">
						<span class="recent_image">
							<a href="images/portfolio_large.jpg" data-rel="prettyPhoto" title="Free Social Plugin" class="img-thumb"><img class="portfolio_image" src="images/featured_work_3.jpg" alt="" /></a>
						</span>
						<span class="title"><a href="portfolio_details.html">Free Social Plugin</a></span>
						
						<span class="clear padding15"></span>
					</li>
					<!-- END PORTFOLIO COLUMN #3 -->
					
					<!-- START PORTFOLIO COLUMN #3 -->
					<li id="id-4" class="app">
						<span class="recent_image">
							<a href="images/portfolio_large.jpg" data-rel="prettyPhoto" class="img-thumb"><img class="portfolio_image" src="images/portfolio_image_4.jpg" alt="" /></a>
						</span>
						<span class="title"><a href="portfolio_details.html">Desing Freebies</a></span>
						
						<span class="clear padding15"></span>
					</li>
					<!-- END PORTFOLIO COLUMN #3 -->
					
					<!-- START PORTFOLIO COLUMN #3 -->
					<li id="id-5" class="app">
						<span class="recent_image">
							<a href="images/portfolio_large.jpg" data-rel="prettyPhoto" class="img-thumb"><img class="portfolio_image" src="images/portfolio_image_5.jpg" alt="" /></a>
						</span>
						<span class="title"><a href="portfolio_details.html">Free WordPress Resume Theme</a></span>
						
						<span class="clear padding15"></span>
					</li>
					<!-- END PORTFOLIO COLUMN #3 -->
					
					<!-- START PORTFOLIO COLUMN #3 -->
					<li id="id-6" class="app">
						<span class="recent_image">
							<a href="images/portfolio_large.jpg" data-rel="prettyPhoto" class="img-thumb"><img class="portfolio_image" src="images/portfolio_image_6.jpg" alt="" /></a>
						</span>
						<span class="title"><a href="portfolio_details.html">jQuery Pagination Plugin</a></span>
						
						<span class="clear padding15"></span>
					</li>
					<!-- END PORTFOLIO COLUMN #3 -->
					
					<!-- START PORTFOLIO COLUMN #3 -->
					<li id="id-7" class="app">
						<span class="recent_image">
							<a href="images/portfolio_large.jpg" data-rel="prettyPhoto" class="img-thumb"><img class="portfolio_image" src="images/portfolio_image_7.jpg" alt="" /></a>
						</span>
						<span class="title"><a href="portfolio_details.html">Clean Business HTML Template</a></span>
						
						<span class="clear padding15"></span>
					</li>
					<!-- END PORTFOLIO COLUMN #3 -->
				</ul>
			</div>
		
	</section>
	<!-- /Content -->
		
	
	
	<section class="homepage_widgets_bg clearfix">
		<div class="container clearfix">
		
			<div class="padding20"></div>
			
            
            <!-- START COL 1/2 -->
			<div class="col_1_2 ">
				<h1 class="regular white bottom_line">关于我们</h1>
				<p>email：xxxxxxx@xx</p>
				<p>客服：xxxxxxxxxxx</p>
				
			</div>
			<!-- END COL 1/2 -->
            
			<!-- START COL 1/2 -->
            
           
           <!--<div class="col_1_2 last" id="why-section">
				<h1 class="regular white bottom_line"></h1>
				<div><a href="#"><img class="alignleft MT0" id="why1" src="images/content-img1.png" alt="img" ></a></div>
				<p>
					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus convallis urna a enim convallis a bibendum lectus scelerisque. Aenean at mauris augue, sed fringilla justo.
				</p>
                
                <div class="clear padding10"></div>
                
                <div><a href="#"><img class="alignleft MT0" id="why2" src="images/content-img2.png" alt="img" ></a></div>
				<p>
					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus convallis urna a enim convallis a bibendum lectus scelerisque. Aenean at mauris augue, sed fringilla justo.
				</p>
                 <div class="clear padding10"></div>
                 
                <div><a href="#"><img class="alignleft MT0" id="why3" src="images/content-img3.png" alt="img" ></a></div>
				<p>
					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus convallis urna a enim convallis a bibendum lectus scelerisque. Aenean at mauris augue, sed fringilla justo. 
				</p>
                
                
			</div>
           <div class="clear padding10"></div>-->
			
			<!-- end col 1/2 -->
			
			
            
            <!-- start col -->
            
            	<!--<div>
                
                <h2 class="regular white bottom_line">All-in-one Template</h2>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus convallis urna a enim convallis a bibendum lectus scelerisque. Aenean at mauris augue, sed fringilla justo. Proin et porta ligula. </p>
				<div class="clearfix">
					
					<a href="javascript:" class="green-button">Buy This Template</a>
				</div>
                
                </div>-->
            
            <!-- emd col -->
            
			<div class="clear padding80"></div>
			
		</div>
	</section>
		
	
	<!-- footer -->
	<footer class="footer_bg_bottom clearfix">
		<div class="footer_bottom container">
			<div class="col_2_3">
				
				<div class="menu">
					<ul>
						<li><a href="index.html">主页</a></li>
                        <!--<li><a href="elements.html">Elements</a></li>-->
						<!--<li><a href="portfolio_4_cols.html">Portfolio</a></li>-->
						<!--<li><a href="pricing_5_cols.html">Pricing</a></li>-->
						<!--<li><a href="blog.html">Blog</a></li>-->
						<!--<li><a href="contact.html">Contact</a></li>-->
						<li><a href="center.html">学习中心</a></li>
					</ul>
				</div>
				
				
				<div class="clear padding20"></div>
				
				
				<!--<p>&copy; Some Rights Reserved. &nbsp; <a href="#">Legal Notices</a>  More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a> </p>-->
				
			</div>
			
			<div class="clear padding20"></div>
		</div>
	</footer>
	<!-- /footer -->
  	
    </div>
    <!--wrapper end-->
	
</body>
</html>